<script src="http://open.web.meitu.com/sources/xiuxiu.js" type="text/javascript"></script>
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src='__PUBLIC__/layui/layui.js'></script>
    <script type="text/javascript">
    window.onload=function(){
      /*第1个参数是加载编辑器div容器，第2个参数是编辑器类型，第3个参数是div容器宽，第4个参数是div容器高*/
      xiuxiu.embedSWF("face",5,600,400);
      //修改为您自己的图片上传接口
      xiuxiu.setUploadURL('http://127.0.0.1{:U("home/usercore/upload")}');
      xiuxiu.setUploadType(2);
      xiuxiu.setUploadDataFieldName("face");
      xiuxiu.onInit = function ()
      {
        xiuxiu.loadPhoto("http://127.0.0.1__ROOT__/"+'<?php echo $_SESSION['face'] ?>');//修改为要处理的图片url
      }
      xiuxiu.onUploadResponse = function (data)
      {
        //alert("上传响应" + data); 可以开启调试
         var json = eval('(' + data + ')'); 

            if(json.error==1){
                layui.use('layer', function(){
                  var layer = layui.layer;
                  layer.msg(json.info);
                }); 
            }else{

                layui.use('layer', function(){
                  var layer = layui.layer;
                  layer.msg(json.info);
                });
                face = "__ROOT__/"+json.face;
                $('.avatar img').attr({src:face});
            }
      }
    }
</script>
<div class="main layui-clear" style="min-height: 600px;">
        <h2 class="page-title">
            帐号设置
        </h2>
        <div class="fly-tab user-tab">
            <span id="LAY-table">
                <a href="{:U('home/usercore/set')}" class="" hash="info">
                    我的资料
                </a>
                <a href="{:U('home/usercore/face')}" hash="avatar" class="tab-this">
                    头像
                </a>
                <a href="{:U('home/usercore/pass')}" hash="pass" class="">
                    密码
                </a>
                <a href="{:U('home/usercore/bind')}" hash="bind" class="">
                    帐号绑定
                </a>
            </span>
        </div>
        <div class="user-mine">
            <div class="layui-form layui-form-pane mine-view" style="display: none;">
                <form method="post">
                    <div class="layui-form-item">
                        <label for="L_email" class="layui-form-label">
                            邮箱
                        </label>
                        <div class="layui-input-inline">
                            <input id="L_email" name="email" required="" lay-verify="email" autocomplete="off"
                            value="" class="layui-input" type="text">
                        </div>
                        <div class="layui-form-mid layui-word-aux">
                            如果您在邮箱已激活的情况下，变更了邮箱，需
                            <a href="/user/activate/" style="font-size: 12px; color: #4f99cf;">
                                重新验证邮箱
                            </a>
                            。
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label for="L_username" class="layui-form-label">
                            昵称
                        </label>
                        <div class="layui-input-inline">
                            <input id="L_username" name="username" required="" lay-verify="required"
                            autocomplete="off" value="Supertramp" class="layui-input" type="text">
                        </div>
                        <div class="layui-inline">
                            <div class="layui-input-inline">
                                <input name="sex" value="0" title="男" type="radio">
                                <div class="layui-unselect layui-form-radio">
                                    <i class="layui-anim layui-icon">
                                        
                                    </i>
                                    <span>
                                        男
                                    </span>
                                </div>
                                <input name="sex" value="1" title="女" type="radio">
                                <div class="layui-unselect layui-form-radio">
                                    <i class="layui-anim layui-icon">
                                        
                                    </i>
                                    <span>
                                        女
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label for="L_city" class="layui-form-label">
                            城市
                        </label>
                        <div class="layui-input-inline">
                            <input id="L_city" name="city" autocomplete="off" value="广州" class="layui-input"
                            type="text">
                        </div>
                    </div>
                    <div class="layui-form-item layui-form-text">
                        <label for="L_sign" class="layui-form-label">
                            签名
                        </label>
                        <div class="layui-input-block">
                            <textarea placeholder="随便写些什么刷下存在感" id="L_sign" name="sign" autocomplete="off"
                            class="layui-textarea" style="height: 80px;">
                            </textarea>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <button class="layui-btn" key="set-mine" lay-filter="*" lay-submit="">
                            确认修改
                        </button>
                    </div>
                </form>
            </div>
            <div class="layui-form layui-form-pane mine-view" style="display: block;">
                <div class="layui-form-item">
                    <div id='face'></div>
                </div>
            </div>
            <div class="layui-form layui-form-pane mine-view" style="display: none;">
                <div class="layui-form-item">
                    <label for="L_pass" class="layui-form-label">
                        新密码
                    </label>
                    <div class="layui-input-inline">
                        <input id="L_pass" name="pass" required="" lay-verify="required" autocomplete="off"
                        class="layui-input" type="password">
                    </div>
                    <div class="layui-form-mid layui-word-aux">
                        6到16个字符
                    </div>
                </div>
                <div class="layui-form-item">
                    <label for="L_repass" class="layui-form-label">
                        确认密码
                    </label>
                    <div class="layui-input-inline">
                        <input id="L_repass" name="repass" required="" lay-verify="required" autocomplete="off"
                        class="layui-input" type="password">
                    </div>
                </div>
                <div class="layui-form-item">
                    <button class="layui-btn" key="set-mine" lay-filter="*" lay-submit="">
                        确认修改
                    </button>
                </div>
            </div>
            <div class="layui-form layui-form-pane mine-view" style="display: none;">
                <ul class="app-bind">
                    <li class="fly-msg  app-havebind">
                        <i class="iconfont icon-qq">
                        </i>
                        <span>
                            已成功绑定，您可以使用QQ帐号直接登录Fly社区，当然，您也可以
                        </span>
                        <a href="javascript:;" class="acc-unbind" type="qq_id">
                            解除绑定
                        </a>
                    </li>
                    <li class="fly-msg ">
                        <i class="iconfont icon-weibo">
                        </i>
                        <a href="http://fly.layui.com:8098/app/weibo/" class="acc-weibo" type="weibo_id"
                        onclick="layer.msg('正在绑定微博', {icon:16, shade: 0.1, time:0})">
                            立即绑定
                        </a>
                        <span>
                            ，即可使用微博帐号登录Fly社区
                        </span>
                    </li>
                </ul>
            </div>
        </div>
</div>